<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>太康锅炉</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link href="/try/bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <style>
        *{
            margin: 0;
            padding: 0;
        }

        .header{
            height: 100px;
            margin-top: 0px;
        }
        .name{
            /*line-height: 80px;*/
            font-size: 40px;
            font-family: cursive;
            font-weight: bold;
            font-style: italic;
            margin-left: 100px;
            margin-top: 10px;
            color: black;
        }
        .name1{
            margin-left: 100px;
            font-weight: bold;
            font-size: large;
            margin-top: -20px;
        }
        .name span{
            color: red;
        }
        .right {
            float: right;
            width: 250px;
            height: 80px;
            background-color: white;
            margin: -95px 100px;
        }
        .one{

            text-align: center;
        }
        .phone{
            margin-top: -20px;
            font-size: 29px;
            text-align: center;
            color: red;
            font-weight: bold;
        }
        .header2{
            /*width: 1800px;*/
            height: 60px;
            width: 100%;
            background-color: black;

        }
        .head{
            margin-left: 350px;
        }

         .head li {
             float: left;
            list-style-type: none;
             height: 20px;
        }
        .head li a{
            display: block;
            text-align: center;
            padding: 0.9rem 2rem;
            color: white;
            font-size: 20px;
            text-decoration: none;
            background-color: black;

        }
        .header2 li a:hover{
            background-color: red;
        }
        .header2 ul dropdown-menu:hover{
            display: inline-list-item;
            background-color: #fff;
            color: black;
        }

        .carousel-inner img {
            width: 100%;
            height: 100%;
        }

        .object1 h2{
            margin-top: 70px;
              text-align: center;
            line-height: 100px;
            }
        .object1 h5{
            text-align: center;
            line-height: 50px;
        }
    .red1{
        height: 150px;
        list-style-type: none;
        background-color: red;
    }
    .red1  li  {
        width: 120px;
        height: 100px;
        position: relative;
        margin-left: 150px;
        display: inline-block;
        text-align: center;
        left: 8%;
        margin-top: 30px;
        /*border-left: 1px solid white;*/
    }
    .red1 ul image{
        /*display: inline-block;*/
        text-align: center;
    }
        .red1 h3{
        color: white;
        font-size: 20px;
        font-family: cursive;
    }
        .red1 li a:hover{
            border: 1px double white;
            background-color: red;
        }.red1 li a{
        display: block;
        text-align: center;
        width: 100px;
        height: 100px;
        margin: auto;
        color: white;
        font-size: 20px;
        line-height: 50px;
        text-decoration: none;
            position: relative;
        /*background-color: black;*/
        /*opacity: 0.6;*/
        }
         .one1{
             /*height: 500px;*/
             width: 100%;
             /*background-color: pink;*/
             list-style-type: none;
             float: left;
             }
        .n1{
             width: 500px;
             height: 600px;
            margin-left: 10px;
            float: left;
         }
        .n1 img{
            width: 100%;
            height: 200%;
        }

        .n2{
            margin-left: 90px;
            width: 490px;
            height: 600px;
            float: left;
        }
        .n3{
            margin-left: 90px;
            width: 500px;
            height: 600px;
            float: left;
        }
        .n3 img{
            width: 100%;
        }
        .n4{
            margin-left: 90px;
             width: 490px;
             height: 600px;
             float: left;
            margin-top: 10px;
            /*margin-right: 0;*/

        }
        .n4 img{
            width: 100%;
            /*height: 400px;*/
            /*float: left;*/
            /*float: right;*/
        }
        .n5{
            width: 500px;
            height: 600px;
            float: left;
            margin-left: 10px;
            margin-top: 10px;
        }
        .n5 img{
            width: 100%;
        }
        .n6{
            width: 500px;
            height: 600px;
            margin-left: 90px;
            float: left;
            margin-top: 10px;
        }
        .n1:hover{
            background-color: red;
            color: white;
        }
        .n2:hover{
            background-color: red;
            color: white;
        }
        .n3:hover{
            background-color: red;
            color: white;
        }
        .n4:hover{
            background-color: red;
            color: white;
        }
        .n5:hover{
            background-color: red;
            color: white;
        }
        .n6:hover{
            background-color: red;
            color: white;
        }
        .un{
            margin-top:1150px ;
            /*background-color: red;*/
            height: 100px;
        }

        .un1 a{

            text-decoration: none;
            margin-top: 20px;
            margin-left: 800px;
            line-height: 100px;
            background-color: white;
            font-size: 30px;
            border: 1px solid grey;
            /*margin: 200px 800px 100px;*/
            text-align: center;
            color: grey;
            width: 100px;
            /*opacity: 0.5;*/
        }
        .un1 a:hover{
            background-color: red;
            color: white;
        }
        .un2 {
            background-color: whitesmoke;
            margin-top: 100px;
            height: 900px;
            top: 150px;
            text-align: center;
        }
        .un3{
            top: 100px;
            margin-top: 100px;
        }
        .un3 h2{
            top: 100px;
            line-height: 180px;
            /*margin-top: 20px;*/
        }
        .un2 h5{
            margin-top: -50px;
            color: grey;
        }
        .p1 li{
            list-style-type: none;
            float: left;
            top: 180px;
        }
        .p2{
            margin-top: 50px;
            width: 350px;
            height: 500px;
            background-color: white;
            margin-left: 300px;
        }
        .p2:hover{
           border: 1px solid red;
        }
        .p3:hover{
            border: 1px solid red;
        }
        .p4:hover{
            border: 1px solid red;
        }
        .p2 h5{
            margin-top: 40px;
        }
        .p3 h5{
            margin-top: 40px;
        }
        .p4 h5{
            margin-top: 40px;
        }
        .p2 h6{
            width: 150px;
            line-height: 30px;
            margin-top: 50px;
            margin-left: 100px;
            border: 1px solid red;
            color: red;
        }
        .p3 h6{
            width: 150px;
            line-height: 30px;
            margin-top: 40px;
            margin-left: 100px;
            border: 1px solid red;
            color: red;
        }
        .p4 h6{
            width: 150px;
            line-height: 30px;
            margin-top: 40px;
            margin-left: 100px;
            border: 1px solid red;
            color: red;
        }
        .p2 h6:hover{
            background-color: red;
            color: white;
            opacity: .6;
        }
        .p3 h6:hover{
            background-color: red;
            color: white;
        }
        .p4 h6:hover{
            background-color: red;
            color: white;
        }

        .p2 img{
            width: 100%;
        }.p3 img{
             width: 100%;
         }
        .p4 img{
            width: 100%;
        }
        .p3{
            margin-top: 50px;
            width: 350px;
            height: 500px;
            background-color: white;
            margin-left: 40px;

        }
        .p4{
            margin-top: 50px;
            width: 350px;
            height: 500px;
            background-color: white;
            margin-left: 40px;

        }

    </style>

    <style type="text/css">
        .Content-Main{
            width: 1150px;
            height: 350px;
            margin: auto;
        }
        .Content-Main h3{
            line-height: 50px;
        }
        .Content-Main span{
            color: gray;
        }
        .Content-Main label{
            display: block;
            margin: 0px 0px 5px;

        }
        .Content-Main input[type="text1"]{
            height: 45px;
            width: 500px;
            line-height: 15px;
            padding: 5px 0px 5px 5px;
            margin-bottom: 16px;
            margin-left: 6px;
            margin-top: 42px;
            /*background:  #DFDFDF;*/
            color: #525252;
            border: none;
            border-radius:2px;
            box-shadow: 1px 1px 1px  #3D3D3D;
            -moz-box-shadow: 1px 1px 1px  #3D3D3D;
            -webkit-box-shadow: 1px 1px 1px  #3D3D3D;
            border: 1px solid gray;
        }
        .Content-Main input[type="text2"]{
            height: 45px;
            width: 500px;
            line-height: 15px;
            padding: 5px 0px 5px 5px;
            margin-bottom: 16px;
            margin-left: 6px;
            margin-top: 102px;
            /*background:  #DFDFDF;*/
            color: #525252;
            border-radius:2px;
            box-shadow: 1px 1px 1px  #3D3D3D;
            -moz-box-shadow: 1px 1px 1px  #3D3D3D;
            -webkit-box-shadow: 1px 1px 1px  #3D3D3D;
            border: 1px solid gray;
        }
        .Content-Main input[type="text3"]{
            height: 45px;
            width: 500px;
            line-height: 15px;
            padding: 5px 0px 5px 5px;
            margin-bottom: 16px;
            margin-left: 6px;
            margin-top: 162px;
            /*background:  #DFDFDF;*/
            color: #525252;
            border-radius:2px;
            box-shadow: 1px 1px 1px  #3D3D3D;
            -moz-box-shadow: 1px 1px 1px  #3D3D3D;
            -webkit-box-shadow: 1px 1px 1px  #3D3D3D;
            border: 1px solid gray;
        }
        .Content-Main input[type="text4"]{
            height: 105px;
            width: 500px;
            line-height: 15px;
            padding: 5px 0px 5px 5px;
            margin-bottom: 16px;
            margin-left: 606px;
            margin-top: 82px;
            /*background:  #DFDFDF;*/
            color: #525252;
            border-radius:2px;
            box-shadow: 1px 1px 1px  #3D3D3D;
            -moz-box-shadow: 1px 1px 1px  #3D3D3D;
            -webkit-box-shadow: 1px 1px 1px  #3D3D3D;
            border: 1px solid gray;
        }
        .button{
            padding: 8px 24px 8px 24px;
            margin-bottom: 8px;
            border: none;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            font-weight: bold;
            text-shadow: 1px 1px 1px #FFE477;
            box-shadow: 1px 1px 1px  #3D3D3D;
            -moz-box-shadow: 1px 1px 1px  #3D3D3D;
            -webkit-box-shadow: 1px 1px 1px  #3D3D3D;
            color: white;
            background: red;
            margin-top: -100px;
            margin-left: 800px;
        }
        .button:hover{
            color:  #333;
            background-color:  #EBEBEB ;
        }
        .container {
            margin-top: -90px;
            height: 300px;
            width: 100%;
            background-color: whitesmoke;
        }

        .parent {
            margin-left: 200px;
            margin-top: 100px;
            height: 42px;
            top: 64px;
            position: relative;
             }
        .parent>input:first-of-type {
            width: 80px;
            height: 40px;
            background-color: white;
            border: 1px solid grey;
            opacity: .3;
            font-size: 16px;
            position: relative;
            outline: none;
             }

        .parent>input:first-of-type:focus {
            border: 2px solid red;
            padding-left: 10px;
             }

        .parent>input:last-of-type {
            margin-left: 30px;
            width: 80px;
            height: 44px;
            position: absolute;
            background: white;
            border: 1px solid red;
            color: #fff;
            font-size: 16px;
            outline: none;
            color: red;
             }
        .parent>input:last-of-type:hover{
            background-color: red;
            color: white;
        }

    </style>
    <script type="text/javascript" src="jq/jquery.min.js"></script>
    <style>
        .span-style{
            margin-left: 50px;
            margin-right: 50px;
        }
        .m1{
            margin-left: 800px;
            margin-top: 30px;
        }
        label{
            position: absolute;
            display: inline-block;
            width:18px;
            height:18px;
            background-color: #fff;
            border-radius: 3px;
        }
        label input[type="radio"] {
            appearance: none;
            -webkit-appearance: none;
            outline: none;
            margin: 10px;
        }
        label input[type="radio"]:after {
            display: inline-block;
            position: absolute;
            content:"";
            background-color: transparent;
        }
        label input[type="radio"]:checked:after {
        //content:"\2714";
        //text-align: center;
            font-weight:bold;
            font-size:13px;
            color: red;
            font-family:Sans-serif;
            background: transparent;
            top: -3px;
            left: 5px;
            content:"L";
            transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);
            -webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);
        }
        .transiton1{
            float: right;
            width: 200px;height: 60px;background-color: red;
            top: 400px;right: -140px;
            position: fixed;
            transition:transform 1s ease-out;
            /*-moz-transition: -moz-transform 1s ease-out; !* Firefox 4 *!*/
            -webkit-transition: -webkit-transform 1s ease-out; /* Safari and Chrome */
            /*-o-transition:-o-transform 1s ease-out; !* Opera *!*/
        }
        .transiton1:hover{
            transform:translate3d(0,-30px,0);
            /*-moz-transform:translate3d(0,-30px,0); !* Firefox 4 *!*/
            -webkit-transform:translate3d(-20px,0,0px); /* Safari and Chrome */
            /*-o-transform:translate3d(-50px,0,0); !* Opera *!*/
        }
        .transiton2{
            float: right;
            width: 220px;height: 60px;background-color: red;
            top: 462px;right: -160px;
            position: fixed;
            transition:transform 1s ease-out;
            /*-moz-transition: -moz-transform 1s ease-out; !* Firefox 4 *!*/
            -webkit-transition: -webkit-transform 1s ease-out; /* Safari and Chrome */
            /*-o-transition:-o-transform 1s ease-out; !* Opera *!*/
        }
        .transiton2:hover{
            transform:translate3d(0,-30px,0);
            /*-moz-transform:translate3d(0,-30px,0); !* Firefox 4 *!*/
            -webkit-transform:translate3d(-150px,0,0px); /* Safari and Chrome */
            /*-o-transform:translate3d(-50px,0,0); !* Opera *!*/
        }

        .transiton3{
            float: right;
            width: 200px;height: 60px;background-color: red;
            top: 524px;right: -140px;
            position: fixed;
            transition:transform 1s ease-out;
            /*-moz-transition: -moz-transform 1s ease-out; !* Firefox 4 *!*/
            -webkit-transition: -webkit-transform 1s ease-out; /* Safari and Chrome */
            /*-o-transition:-o-transform 1s ease-out; !* Opera *!*/
        }
        .transiton3:hover{
            transform:translate3d(0,-30px,0);
            /*-moz-transform:translate3d(0,-30px,0); !* Firefox 4 *!*/
            -webkit-transform:translate3d(-20px,0,0px); /* Safari and Chrome */
            /*-o-transform:translate3d(-50px,0,0); !* Opera *!*/
        }

        .transiton4{
            float: right;
            width: 220px;height: 60px;background-color: red;
            top: 586px;right: -160px;
            position: fixed;
            transition:transform 1s ease-out;
            /*-moz-transition: -moz-transform 1s ease-out; !* Firefox 4 *!*/
            -webkit-transition: -webkit-transform 1s ease-out; /* Safari and Chrome */
            /*-o-transition:-o-transform 1s ease-out; !* Opera *!*/
        }
        .transiton4:hover {
            transform: translate3d(0, -30px, 0);
            /*-moz-transform:translate3d(0,-30px,0); !* Firefox 4 *!*/
            -webkit-transform: translate3d(-150px, 0, 0px); /* Safari and Chrome */
            /*-o-transform:translate3d(-50px,0,0); !* Opera *!*/
            /*margin-left: -40px;*/
        }
        .transiton1 a{
            text-decoration: none;
            color: white;
            font-size: 10px;
            /*margin-left: 10px;*/
            /*margin: 10px;*/
        }
        .online-contact-btn p{
            margin-left: 8px;
            margin-top: 5px;
        }
        .pn1{
            margin-left: 6px;
            margin-top: 5px;
            color: white;
            font-size: 10px;
        }
        .pn2{
            margin-top: -55px;
            margin-left: 70px;
            color: white;
            font-size: 20px;
        }
        .transiton1 img{
            margin-left: 12px;
            text-align: center;
            width: 15%;
        }
        .transiton2 img{
            margin-left: 12px;
            text-align: center;
            width: 15%;
        }
        .transiton3 img{
            margin-left: 12px;
            text-align: center;
            width: 16%;
        }
        .f1{
            margin-left: 12px;
            text-align: center;
            width: 15%;
        }
        .f2{
            width: 25%;
            margin-top: -114px;
            margin-left: 100px;
        }

        .pn4{
            color: white;
            font-size: 10px;
            margin-top: 6px;
        }
        .pn3{
            margin-left: 6px;
            margin-top: 5px;
            color: white;
            font-size: 10px;
        }
        .online-contact-btn p:hover {
            text-decoration: none;
            color: white;

        }
        .a1{
            width: 150px;
            height: 40px;
            margin-left: 200px;
            background-color: #fff;
            text-align: center;
            border: 1px solid black;
            margin-top: -30px;
        }
        .a1 a{
            color: grey;
            text-decoration: none;
            margin-top: 10px;
        }
        .a1 a:hover{
            color: red;
        }
        .a2{
            width: 150px;
            height: 40px;
            margin-left: 450px;
            margin-top: -40px;
            background-color: #fff;
            text-align: center;
            border: 1px solid black;

        }
        .a2 a{
            color: grey;
            text-decoration: none;
            margin-top: 40px;
            text-align: center;
        }
        .a2 a:hover{
            color: red;
        }
        .head .child {
            color: #FFFFFF;
            background-color:#000;
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 160px;
            margin: 0;
            padding: 0;
            margin-top: 38px;
        }



        .head>li:hover .child {
            display: block;
        }
        .head>li {
            float: left;
            position: relative;
            z-index:12000;
            /*margin-top: 50px;*/
        }

        .head li a {
            box-sizing: border-box;
            height: 3.7rem;
            display: block;
            padding: 1rem 3rem;
            color: #FFFFFF;
            font-size: 18px;
            /*font-weight: 6px;*/
            text-decoration: none;
        }
        .c1{
            height: 500px;
            width: 100%;
            /*background-color: pink;*/
            text-align: center;

        }
        .c1 h1{
            margin-top: 50px;
        }
        .c2{
            margin-top: 70px;
            margin-left: 275px;
            width: 360px;
            height: 317px;
            background-color: whitesmoke;
            float: left;
        }
        .c2 img{
            width: 20%;
            margin-top: 30px;
        }
        .c2 h3,p{
           margin-top: 30px;
        }
        .c3{
            margin-top: 70px;
            margin-left: 30px;
            width: 360px;
            height: 317px;
            background-color: whitesmoke;
            float: left;
        }
        .c3 img{
            width: 25%;
            margin-top: 30px;
        }
        .c3 h3,p{
            margin-top: 30px;
        }
        .c4{
            margin-top: 70px;
            margin-left: 30px;
            width: 360px;
            height: 317px;
            background-color: whitesmoke;
            float: left;
        }
        .c4 a{
            text-decoration: none;
            color: black;
        }
        .c4 img{
            width: 25%;
            margin-top: 30px;
        }
        .c4 h3,p{
            margin-top: 30px;
        }
        .c2:hover{
            background-color: grey;
            color: #F2F2F2;
        }
        .c3:hover{
            background-color: grey;
            color: #F2F2F2;
        }
        .c4:hover{
            background-color: grey;
            color: #F2F2F2;
        }
        .c4 a:hover{
            color: red;
        }
        .z1{
            margin-top: 100px;
            height: 250px;
            background-color: black;
        }
        .z2{
            float: left;
            width: 600px;
            height: 300px;
            background-color: red;
            margin-top: -50px;

        }
        .z2 img{
            margin-top: 60px;
            margin-left: 200px;
            width: 180px;
            /*width: 100%;*/
        }
        .z2 span{
            color: white;
            margin-left: 220px;
        }
        .l1{
            margin-top: -30px;
            list-style-type: none;
            color: white;
            float: left;
            margin-left: 20px;
            font-family: cursive;

        }
        .l1 span{
             color: red;
        }
        .l1 li{
            float: left;
            margin-left: 10px;
            color: gray;
        }

        .l1  a{
            color: gray;
        }
        .l1  li a:hover{
            color: red;
            text-decoration: none;
        }
        .l2 {
            margin-top: 40px;
            list-style-type: none;
            color: white;
            float: left;
            margin-left: 20px;
        }
        .l2 li{
            float: left;
            margin-left: 60px;
            color: gray;
        }
        .l2 li a{
            color: white;
        }
        .l2 li a:hover{
            color: red;
            text-decoration: none;
        }
        .l3 img{
            margin-top: 90px;
            margin-left: -650px;
        }
        .l4 {
            float: left;
            margin-top: -110px;
            color: white;
            margin-left: 100px;

        }
        .l4 p{
            line-height: 5px;
            margin-left: 150px;
        }
        .e1{
            color: #3D3D3D;
        }
        .l5 img{
            margin-left: 100px;
            margin-top: -120px;
            width: 3%;
        }
        .l5 h6{
            color: white;
            margin-left: 1300px;
            margin-top: -100px;
        }
        .l5 p{
            color: orange;
            margin-left: 1300px;
            margin-top: 0px;
            font-weight: bolder;
            font-size: 28px;
        }

    </style>
</head>
<body>

<div class="header">
    <p class="name">河南省<span>银飞锅炉</span>有限公司</p>
    <p CLASS="name1">HE NAN SHENG YIN FEI GUO LU YOU XIAN GONG SI</p>
    <div class="right">
        <p class="one">全国统一销售热线:</p>
        <p class="phone">178-394-88195</p>
    </div>

</div>
<div class="header2">
    <ul class="head">
        <li><a href="#">网站首页</a></li>
        <li><a href="#">产品中心</a></li>
        <li><a href="#">客户案例</a></li>
        <li><a href="#">售后服务</a></li>
        <li><a href="#">联系我们</a></li>
         <li class="dropdown" id="accountmenu">
            <li><a  href="#">关于我们</a>
                <div class="child"><a href="#">公司简介</a>
        <a href="#">行业资讯</a>
        <a href="#">常见问题</a></div>

            </ul>
        </li>


</ul></div>
<div class="transiton1"><img src="images/img_6.png">
    <a class="online-contact-btn" href="http://wpa.qq.com/msgrd?v=3&amp;uin=3282727844&amp;site=qq&amp;menu=yes" qq="" target="_blank"> <i></i> <p> QQ咨询 </p> </a>

</div>
<div class="transiton2"><img src="images/img_7.png">
<p class="pn1">联系电话</p>
    <p class="pn2">17839488195</p>
</div>
<div class="transiton3"><img src="images/img_8.png">
<p class="pn3">在线留言</p>
</div>
<div class="transiton4"><img src="images/img_9.png" class="f1">
<p class="pn4">微信扫一扫</p>
    <img src="images/wei.jpg" class="f2">
</div>
<div id="demo" class="carousel slide" data-ride="carousel">

    <!-- 指示符 -->
    <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
    </ul>

    <!-- 轮播图片 -->
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="images/img_3.png">
        </div>
        <div class="carousel-item">
            <img src="images/img_4.png">
        </div>
        <div class="carousel-item">
            <img src="images/img_5.png">
        </div>
    </div>

<!--     左右切换按钮-->
    <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon" style=""></span>
    </a>
    <a class="carousel-control-next" href="#demo" data-slide="next" style="float: right">
        <span class="carousel-control-next-icon"></span>
    </a>
</div>
<div class="red1">
    <ul>
        <li><a herf="#"><img src="images/1m.png"><br><h3>发货现场</h3></a></li>
        <li><a herf="#"><img src="images/2m.png"><br><h3>产品展示</h3></a></li>
        <li><a herf="#"><img src="images/img.png"><br><h3>设备实力</h3></a></li>
        <li><a herf="#"><img src="images/img_1.png"><br><h3>荣誉证书</h3></a></li>
        <li><a herf="#"><img src="images/img_2.png"><br><h3>服务保障</h3></a></li></ul>

</div>
<div class="object1">
    <h2>产品中心</h2>
        <h5>燃油、气锅炉系列/电加热锅炉系列/有机热载体炉系列/生物质锅炉系列/真空热水锅炉系列/热风炉系列/<br>木材防腐压力容器设备/循环流化床锅炉
    </h5>
    <div class="one1">
        <div class="n1"><li><a herf="#"><img src="images/o1.png"><h5>卧式电加热蒸汽锅炉</h5><br>
            <p>产品简介：WDR系列全自动卧式电加热蒸汽锅炉，采用炉体电控制柜分离方式，避免了电器元件受热老化而影响使用寿命。电热管选用国内外优质产品、正常使用寿命约20000小时，热效率近99％，运行安静、清
                元件受热老化而影响使用寿命。</p></a></li>
        </div>
        <div class="n2"><li><a herf="#"><img src="images/o2.png"><h5>立式电加热热水锅炉</h5><br>
            <p>产品简介：CLDR系列全自动立式电加热热水锅炉，采用炉体电控制柜分离方式，避免了电器元件受热老化而影响使用寿命。电热管选用国内外优质产品、正常使用寿命约20000小时，热效率近99％，运行安静、清</p></a></li>
        </div>
        <div class="n3"><li><a herf="#"><img src="images/o3.png"><h5>燃油（气）卧式热水锅炉</h5><br>
            <p>产品简介：CWNS系列卧式燃油(气)热水锅炉为内燃三回程热水锅炉。采用偏置炉胆湿背式结构。高温烟气依次；冲刷第二及第三回程烟管，然后由后烟室经烟囱排入大气。锅炉装有活动的前后烟箱盖，使锅炉</p></a></li>
        </div>
        <div class="n5"><li><a herf="#"><img src="images/o5.png"><h5>卧式电加热热水锅炉</h5><br>
            <p>产品简介：CWDR全自动卧式电加热热水锅炉，采用炉体电控制柜分离方式，避免了电器元件受热老化而影响使用寿命。电热管选用国内外优质产品、正常使用寿命约20000小时，热效率近99％，运行安静、清洁。</p></a></li></div>
        <div class="n6"><li><a herf="#"><img src="images/o6.png"><h5>低氮型燃气蒸汽锅炉</h5><br>
           <p>产品简介：一般燃料燃烧所生成的NO主要来自两个方面：一是燃烧所用空气（助燃空气）中氮的氧化；二是燃料中所含氮化物在燃烧过程中热分解再氧化。</p>
        </a></li></div>
        <div class="n4"><li><a herf="#"><img src="images/o4.png"><h5>燃油(气)冷凝式蒸汽锅炉</h5><br>
                        <p>产品简介：冷凝锅炉就是利用高效的泠凝器与节能器来吸收锅炉排除的高温烟气中的显热和水蒸汽凝结索释放的潜热，以达到提高锅炉热效率的目的。</p></a></li>
               </div>
                </div>
            </div>

<div class="un"><div class="un1"><a href="#">more+</a></div>

</div>
<div class="un2">
    <div class="un3">
        <h2>关于我们</h2>
        <h5>良好的企业信誉，优质的产品性能，完善的各项服务，是太锅永久的承诺！</h5>
    </div>
    <div class="p1">
        <li class="p2"><a herf="#"><img src="images/p1.jpg"><h5>公司实力</h5>
            河南省太锅锅炉制造有限公司，太锅锅炉是国家定点具有锅炉许可、压力容器的专业厂家。<h6>了解详情</h6>
        </a></li>
        <li class="p3"><a herf="#"><img src="images/p2.png"><h5>技术核心</h5>
            太锅锅炉始终坚持以人为本，科技创新的发展战略，拥有一支高素质的管理、技术、生产及营销人才队伍，为企业的发展奠定了坚实的基础。
            <h6>了解详情</h6>
        </a></li>
        <li class="p4"><a herf="#"><img src="images/p3.png"><h5>生产能力</h5>
            公司成立了独立的新产品研发中心，近年来相继研发生产了，八个系列，近百个规格型号产品，为锅炉产品行业的更新换代做出了贡献。
            <h6>了解详情</h6>
        </a></li>
    </div>
</div>
<div class="container"><form action="" class="parent">  我需要
    <input type="text">  吨/小时的
    <input type="button" value="查找锅炉">

</form>
    <div class="m1">
    <label><input type="radio" name = "test" class = "test" id = "test-s1" value = "s1"></input> </label><p class = "span-style">燃油燃气锅炉</p>
    <label><input type="radio" name = "test" class = "test" id = "test-s2" value = "s2"></input> </label><p class = "span-style">热水锅炉</p>
    <label><input type="radio" name = "test" class = "test" id = "test-s3" value = "s3"></input> </label><p class = "span-style">导热锅炉</p>
    <label><input type="radio" name = "test" class = "test" id = "test-s4" value = "s4"></input> </label><p class = "span-style">生物质锅炉</p>
</div>
    <div class="a1">
        <a href="#">换算工具</a>

    </div>
    <div class="a2">
        <a href="#">选型指导</a>
    </div>
</div>
<script type="text/javascript">

    $(document).ready(function(){
        console.log("ready");
        $(".testF").click(function(){//console.log($(this));
            if($(this)[0].value == "1"){//如果点击的对象原来是选中的，取消选中
                $(this).removeAttr("checked");
                $(this).val("0");
            }else{
                $(this).val("1");
            }

        });
        $(".test").each(function(){
            $(this).click(function(){
                console.log("value = "+$(this).val());
            });
        });
    });
</script>

</div>
<div class="c1">
    <h1>联系我们</h1>
    <div class="c2">
        <img src="images/img_10.png"><h3>公司地址</h3>
        <p>地 址：河南省太康县张集工业园</p>
    </div>
    <div class="c3">
        <img src="images/img_11.png"><h3>联系方式</h3>
        <p>联系人：谢经理<br>
            销售热线：17839488195<br>
            邮箱：3282727844@qq.com</p>
    </div>
    <div class="c4">
        <img src="images/img_12.png">
        <a class="online-contact-btn" href="http://wpa.qq.com/msgrd?v=3&amp;uin=3282727844&amp;site=qq&amp;menu=yes" qq="" target="_blank"> <i></i> <h3> 在线交谈 </h3> </a>
        <p>电子邮箱：3282727844@qq.com<br>
        在线QQ：3282727844</p>
    </div>

</div>
<div class="Content-Main">
        <h3>联系我们</h3>
        <span class="text1">欢迎填写以下表格，留下您的姓名、联系电话、设备使用地等信息，并尽可能详细描述产品需求，我们将快速处理您提交的信息，确保您的购买咨询得到及时、准确的回复。</span>
        <label>
            <input type="text1"  name="name" placeholder="您的姓名（必填）">
        </label>
        <label>
            <input type="text2" name="email" placeholder="联系电话（必填）">
        </label>
        <label>
            <input type="text3" name="phone" placeholder="设备使用地">
        </label>
        <label>
            <input type="text4" name="message" placeholder="需求详情（必填）">
        </label>

</div><div class="l1"><button class="button">提交</button>
</div>
<div class="z1">
    <div class="z2">
        <img src="images/wei.jpg"><br>
        <span class="z3">添加微信 了解优惠</span>
    </div>
    <div class="l1"><li><span>产品链接：</span></li>
        <li><a href="#">燃油、气锅炉系列</a></li>
        <li><a href="#">电加热锅炉系列</a></li>
        <li><a href="#">有机热载体锅炉系列</a></li>
        <li><a href="#">生物质锅炉系列</a></li>
        <li><a href="#">真空热水锅炉系列</a></li>
        <li><a href="#">热风炉锅炉系列</a></li>
    </div>
    <div class="l2">
        <li><a href="#">网站首页</a></li>
        <li><a href="#">产品中心</a></li>
        <li><a href="#">客户案例</a></li>
        <li><a href="#">售后服务</a></li>
        <li><a href="#">联系我们</a></li>
        <li><a href="#">关于我们</a></li>
    </div>
    <div class="l3">
        <img src="images/img_13.png">
    </div>
    <div class="l4"><p>版权所有：河南省太锅锅炉制造有限公司</p>
        <p>地址：河南省太康县张集工业园</p>
        <p class="e1">豫ICP备11012844号-153</p></div>
    <div class="l5">
        <img src="images/img_14.png"><h6>全国服务热线：</h6><p>17839488195</p>
    </div>


</div>
</body>
</html>